<template>
  <view class="feed-back">
    <view class="feed-back-text">意见反馈</view>
    <nut-radiogroup v-model="radioVal">
      <view class="flex L1">
        <nut-radio label="1">建议</nut-radio>
        <nut-radio label="2">问题</nut-radio>
      </view>
    </nut-radiogroup>
    <nut-textarea v-model="value" placeholder="请输入您的宝贵意见，我们将更好地完善!" />
    <view class="center">
      <nut-button type="primary" class="submit-btn">提交</nut-button>
    </view>
  </view>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      radioVal: "",
      value: "",
    };
  },
  mounted() {},
  methods: {
    doList() {},
  },
};
</script>
<style>
.feed-back {
  padding: 0px 20px;
  color: #000;
}
.feed-back-text {
  margin: 20px;
  font-size: 14px;
  font-weight: 600;
}
.nut-textarea {
  padding: 0;
}
.L1{
  padding-left: 20PX;
}
.nut-radio__label {
  width: 70px;
}
.nut-textarea__textarea {
  margin-top: 20px;
  width: 90vw;
  border-radius: 10px;
  border: 1px solid #cccccc;
  height: 100px;
  padding: 10PX;
}

.submit-btn {
  margin-top: 50px;
  border-radius: 50px;
  width: 60vw;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}
</style>